.nav-tools {
    position: relative;
    height: 444px;
}
.banner, .nav-tools {
    min-width: 1190px;
    width: 100%;
}
%banner-wh{
	width: 100%;
    height: 444px;
}

.banner {
    position: absolute;
    left: 0;
    top: 0;
    height: 444px;
    overflow: hidden
}

.banner-img {
    position: relative;
    @extend %banner-wh;
    overflow: hidden;
    z-index: 0
}

.banner-img .ban-img-item {
   	@extend %banner-wh;
    float: left
}

.banner-img .ban-img-item a {
    display: block;
    @extend %banner-wh;
    background-position: center center;
    background-repeat: no-repeat
}

.banner-control {
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 25px;
    left: 0;
    text-align: center;
    font-size: 0;
    z-index: 10;

	.control-item {
	    position: relative;
	    display: inline-block;
	    zoom:1;
	    *display:inline;
	    width: 30px;
                 padding-top:15px;
	    height: 4px;
	    margin-right: 6px;
	    cursor:pointer;
	}

	.control-item.cur .control-per {
	    width: 1%;
	}

	.control-item .control-per {
	    position: absolute;
	    left: 0;
	    top: 15px;
	    height: 4px;
	    background-color: #c90c41;
	}
            .control-item .control-bg {
                position: absolute;
                left: 0;
                top: 15px;
                height: 4px;
                width:100%;
                background-color: #ddd;
            }
}

.banner-adposition{
	width:230px;
	height: 444px;
	position:absolute;
	top:0px;
	right:0px;
	background-color:#fff;

	.adpos-ad1,.adpos-ad2,.adpos-ad3{
		display:block;
		font-size:0;
	}
	.adpos-ad1{
		border-bottom:1px solid #cccccc;
	}
	.adpos-ad2{
		border-bottom:1px dashed #cccccc;
	}
	.adpos-ad3{
		border-bottom:0;
	}

}



